	* {
		margin: 0;
		padding: 0;
	}
	nav {
		width: 100%;
		height: 40px;
		background-color: #000000;
	}
	nav> .nav {
		width: 1226px;
		height: 40px;
		margin: 0 auto;
	}
	nav> .nav> .left-nav {
		width: 800px;
		height: 40px;
		float: left;
	}
	nav> .nav> .right-nav {
		width: 426px;
		height: 40px;
		line-height: 40px;
		float: left;
		font-size: 12px;
	}
	
	nav> .nav> .left-nav> ul {
		line-height: 40px;
	}
	nav> .nav> .left-nav> ul li {
		list-style: none;
		float: left;
		font-size: 12px;
		color: #B0B0B0;
		margin-right: 5px;
	}
	nav> .nav> .left-nav> ul> li:nth-of-type(even) {
		color: #424242;
	}
	nav> .nav> .left-nav> ul> li> a {
		text-decoration: none;
		color: #b0b0b0;
	}
	nav> .nav> .left-nav> ul> #xiazai> .zzz {
		display: none;
		z-index: 10000;
	}
	nav> .nav> .left-nav> ul> #xiazai {
		position: relative;
	}
	nav> .nav> .left-nav> ul> #xiazai:hover .zzz {
		display: block;
	}
	nav> .nav> .left-nav> ul> #xiazai> .zzz .xialakuang {
		width: 124px;
		height: 148px;
		box-shadow: 0 0 10px #aaaaaa;
		position: absolute;
		left: -40px;
	}
	nav> .nav> .left-nav> ul> #xiazai> .zzz .xialakuang> div> img {
		width: 90px;
		height: 90px;
		margin-top: 18px;
		margin-left: 17px;
		z-index: 10;
	}
	nav> .nav> .left-nav> ul> #xiazai> .zzz .xialakuang> div:nth-of-type(2) {
		width: 124px;
		height: 20px;
		line-height: 20px;
		/* background-color: #00FFFF; */
		margin-top: -5px;
		text-align: center;
	}
	nav> .nav> .left-nav> ul> #xiazai> .zzz .xialakuang> span {				/* 悬浮框 */
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-bottom-color: white;
		position: absolute;
		left: 52px;
		top: -20px;
	}
	nav> .nav> .right-nav> .denglu {
		width: 300px;
		height: 40px;
		line-height: 40px;
		float: left;
	}
	nav> .nav> .right-nav> .denglu> ul {
		float: right;
	}
	nav> .nav> .right-nav> .denglu> ul>li {
		list-style: none;
		float: left;
		margin-right: 7px;
	}
	nav> .nav> .right-nav> .denglu> ul>li> a {
		text-decoration: none;
		color: #B0B0B0;
	}
	nav> .nav> .right-nav> .denglu> ul>li:nth-of-type(even) {
		color: #424242;
	}
	nav> .nav> .right-nav>.gouwuche {
		width: 120px;
		height: 40px;
		line-height: 40px;
		float: right;
		background-color: #535353;
	}
	nav> .nav> .right-nav>.gouwuche> span> img {
		width: 20px;
		height: 20px;
		margin-top: 5px;
	}
	nav> .nav> .right-nav>.gouwuche> span {
		color: #B0B0B0;
		display: inline-block;
		
	}
	nav> .nav> .right-nav>.gouwuche> span:nth-of-type(1) {
		width: 20px;
		height: 20px;
		margin-top: 5px;
		margin-left: 20px;
		float: left;
	}
	nav> .nav> .right-nav>.gouwuche> span:nth-of-type(2) {
		width: 80px;
		height: 40px;
		line-height: 40px;
	}
	/* 导航栏部分结束 */
	/* 头部部分样式开始 */
	header {
		width: 1226px;
		height: 100px;
		margin: 0 auto;
		background-image: url(../img/mi_logo.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 62px 58px;
	}
	header> .dahead {
		width: 1164px;
		height: 100px;
		/* background-color: #AA0000; */
		margin-left: 62px;
		z-index: 1;
	}
	header> .dahead> .left-head {
		width: 620spx;
		height: 100px;
		/* background-color: #00FFFF; */
		margin-left: 160px;
		float: left;
		z-index: 2;
	}
	header> .dahead> .left-head> ul {
		height: 100px;
		line-height: 100px;
	}
	header> .dahead> .left-head> ul> li {
		list-style: none;
		float: left;
		margin-right: 20px;
	}
	header> .dahead> .right-head {
		width: 300px;
		height: 100px;
		line-height: 100px;
		/* background-color: #ffaa7f; */
		float: right;
	}
	header> .dahead> .right-head> input {
		width: 245px;
		height: 50px;
		color: #717171;
		font-size: 14px;
		float: left;
		margin-top: 25px;
		margin-right: -1px;
	}
	header> .dahead> .right-head> span {
		display: inline-block;
		width: 52px;
		height: 48px;
		line-height: 50px;
		/* background-color: #ffaaff; */
		border: 1px solid #a8a8a8;
		margin-left: -1px;
		float: left;
		margin-top: 25px;
		text-align: center;
		
	}
	header> .dahead> .right-head> span> img {
		width: 18px;
		height: 18px;
		vertical-align:middle;
		
	}
	header> .dahead> .right-head> span:hover {
		cursor: pointer;
		background-color: orange;
	}
	header> .dahead> .right-head> span> img:hover {
		color: #ffffff;
	}
	/* 头部部分样式结束 */
	
	/* 内容部分样式开始 */
	article {
		width: 1226px;
		height: 460px;
		margin: 0 auto;
		/* background-color: #0077AA; */
		position: relative;
	}
	article> img {
		width: 1226px;
		height: 460px;
		z-index: 12;
	}
	article> .left-article {
		width: 234px;
		height: 460px;
		background-color: #000000;
		background: rgba(0,0,0,0.4);
		position: absolute;
		top: 0px;
		float: left;
	}
	article> .left-article> div {
		width: 234px;
		height: 42px;
		line-height: 42px;
		/* background-color: #3967FF; */
		color: #ffffff;
	}
	article> .left-article> div:nth-of-type(1) {
		margin-top: 20px;
	}
	article> .left-article> div> div:nth-of-type(1) {
		margin-left: 30px;
		float: left;
	}
	article> .left-article> div> div:nth-of-type(2) {
		float: right;
		margin-right: 20px;
	}
	article> .left-article> div:hover {
		cursor: pointer;
		background-color: #ff5500;
		
	}
	article> .right-article {
		width: 992px;
		height: 69px;
		position: absolute;
		top: 195px;
		right: 0;
		
	}
	article> .right-article> div:nth-of-type(1) {
		width: 41px;
		height: 69px;
		line-height: 69px;
		float: left;
		cursor: pointer;
	}
	article> .right-article> div:nth-of-type(2) {
		width: 41px;
		height: 69px;
		line-height: 69px;
		float: right;
		cursor: pointer;
	}
	article> .right-article> div:hover {
		background-color: #6d6d6d;
	}
	article> .right-article> div> .iconfont:hover {
		color: #ffffff;
	}
	
	
	
	
	article> .lunbo {
		width: 400px;
		height: 21px;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	article> .lunbo> div {
		width: 10px;
		height: 10px;
		margin-top: 5px;
		border-radius: 50%;
		margin-left: 8px;
		background-color: #646464;
		float: right;
	}
	article> .lunbo> div:hover {
		background-color: #ffffff;
	}
	/* 内容部分样式结束 */
	/* 列表部分样式开始 */
	section {
		width: 1226px;
		height: 170px;
		margin: 0 auto;
		margin-top: 10px;
	}
	section> div {
		margin-right: 14px;
		float: left;
	}
	section> .left-section {
		width: 234px;
		height: 170px;
		background-color: #616161;
	}
	section> .left-section> div {
		width: 76px;
		height: 82px;
		float: left;
		text-align: center;
		margin-right: 2px;
		margin-bottom: 2px;
	}
	section> .left-section> div:hover {
		cursor: pointer;
	}
	section> .left-section> div> img {
		width: 24px;
		height: 24px;
		
		margin-top: 20px;
	}
	section> .left-section> div> span {
		color: #cccccc;
		font-size: 12px;
	}
	section> div:nth-of-type(2),
	section> div:nth-of-type(3),
	section> div:nth-of-type(4) {
		width: 316px;
		height: 170px;
	}
	section> div:nth-of-type(2)> img,
	section> div:nth-of-type(3)> img,
	section> div:nth-of-type(4)> img {
		width: 316px;
		height: 170px;
	}
	section> div:nth-of-type(4) {
		margin-right: 0;
	}
	section> .left-section> div> span:hover {
		color: #FFFFFF;
	}
	section> div:nth-of-type(2):hover {
		transform: scale(1.03);
		box-shadow: 0 0 10px #9c9c9c;
	}
	section> div:nth-of-type(3):hover {
		transform: scale(1.03);
		box-shadow: 0 0 10px #9c9c9c;
	}
	section> div:nth-of-type(4):hover {
		transform: scale(1.03);
		box-shadow: 0 0 10px #9c9c9c;
	}
	
	
	/* 列表部分样式结束 */
	/* 手机部分开始 */
	aside {										/* 超级大背景 */
		width: 100%;
		height: 6401px;
		background-color: #F5f5f5;
		border-top: 1px solid transparent;
		margin-top: 20px;
	}
	aside> .k40 {
		width: 1226px;
		height: 120px;
		margin: 0 auto;
		margin-top: 20px;
	}
	aside> .shouji {
		width: 1226px;
		height: 58px;
		/* background-color: #00FFFF; */
		margin: 0 auto;
		margin-top: 40px;
	}
	aside> .shouji> .left-shouji {
		width: 50px;
		height: 58px;
		line-height: 58px;
		text-align: center;
		float: left;
		font-size: 22px;
		color: #333333;
		/* background-color: #55aa00; */
	}
	aside> .shouji> .right-shouji {
		width: 92px;
		height: 58px;
		line-height: 58px;
		float: right;
		/* background-color: #55aaff; */
	}
	aside> .shouji> .right-shouji> div:nth-of-type(1) {
		float: left;
		font-size: 16px;
	}
	aside> .shouji> .right-shouji> div:nth-of-type(2) {
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin-top: 20px;
		border-radius: 50%;
		background-color: #666666;
		float: right;
	}
	aside> .shouji> .right-shouji> div:nth-of-type(2)> span {
		margin-left: 2px;
		color: #ffffff;
	}
	
	/* mix fold部分开始 */
	
	
	aside> .mixfold {
		width: 1226px;
		height: 614px;
		margin: 0 auto;
		/* background-color: #ffffff; */
	}
	aside> .mixfold> .left-mix {
		width: 234px;
		height: 614px;
		float: left;
	}
	aside> .mixfold> .right-mix {
		width: 978px;
		height: 614px;
		float: right;
		/* background-color: #ff5500; */
	}
	aside> .mixfold> .right-mix> div {
		width: 234px;
		height: 300px;
		float: left;
		margin-right: 14px;
		margin-bottom: 15px;
		background-color: #ffffff;
	}
	aside> .mixfold> .right-mix> div:nth-of-type(4),
	aside> .mixfold> .right-mix> div:nth-of-type(8) {
		margin-right: 0;
	}
	aside> .mixfold> .right-mix> div:nth-of-type(5),
	aside> .mixfold> .right-mix> div:nth-of-type(6),
	aside> .mixfold> .right-mix> div:nth-of-type(7),
	aside> .mixfold> .right-mix> div:nth-of-type(8) {
		margin-bottom: 0;
	}
	aside> .mixfold> .right-mix> div> div:nth-of-type(1) {
		width: 234px;
		height: 160px;
		margin-top: 20px;
		text-align: center;
		/* background-color: #aa557f; */
	}
	aside> .mixfold> .right-mix> div> div:nth-of-type(2) {
		width: 234px;
		height: 21px;
		line-height: 21px;
		/* background-color: #0077AA; */
		margin-top: 20px;
		text-align: center;
	}
	aside> .mixfold> .right-mix> div> div:nth-of-type(3) {
		width: 234px;
		height: 18px;
		line-height: 18px;
		/* background-color: #00FFFF; */
		margin-top: 10px;
		text-align: center;
	}
	aside> .mixfold> .right-mix> div> div:nth-of-type(4) {
		width: 234px;
		height: 21px;
		line-height: 21px;
		/* background-color: #55ff00; */
		margin-top: 10px;
		text-align: center;
	}
	aside> .mixfold> .right-mix> div> div:nth-of-type(1)> img {
		width: 160px;
		height: 160px;
		cursor: pointer;
	}
	aside> .mixfold> .right-mix> div> div> a {
		text-decoration: none;
	}
	aside> .mixfold> .right-mix> div> div:nth-of-type(4)> a {
		color: #ff5500;
	}
	aside> .mixfold> .right-mix> div:nth-of-type(7)> div:nth-of-type(4)> a:nth-of-type(2) {
		text-decoration: line-through;
		color: #ababab;
	}
	aside> .mixfold> .left-mix:hover {
		transform: scale(1.03);
		box-shadow: 0 0 10px #9c9c9c;
	}
	aside> .mixfold> .right-mix> div:hover {
		transform: scale(1.03);
		box-shadow: 0 0 10px #9c9c9c;
	}
	
	
	
	
	/* mix fold 结束 */
	/* 智能穿戴开始 */
	aside>.zhineng {
		width: 1226px;
		height: 58px;
		line-height: 58px;
		margin: 0 auto;
		margin-top: 20px;
		/* background-color: #3967FF; */
		font-size: 22px;
	}
	aside>.zhineng> div {
		float: left;
	}
	aside>.zhineng> ul> li {
		list-style: none;
		float: right;
		margin-left: 10px;
	}
	aside>.zhineng> ul> li> a {
		text-decoration: none;
		color: #000000;
		font-size: 16px;
	}
	aside>.zhineng> ul> li> a:hover {
		color: #ff5500;
		text-decoration: underline;
	}
	/* watch color部分开始 */
	aside> .watchcolor {
		width: 1226px;
		height: 614px;
		margin: 0 auto;
		margin-top: 10px;
	}
	aside> .watchcolor> .left-watch {
		width: 234px;
		height: 614px;
		float: left;
	}
	aside> .watchcolor> .right-watch {
		width: 992px;
		height: 614px;
		float: right;
	}
	aside> .watchcolor> .right-watch> div {
		width: 234px;
		height: 300px;
		text-align: center;
		background-color: #ffffff;
		float: left;
		margin-bottom: 14px;
		margin-right: 14px;
	}
	aside> .watchcolor> .right-watch> div> div> a> img {
		width: 160px;
		height: 160px;
	}
	aside> .watchcolor> .right-watch> div:nth-of-type(4),
	aside> .watchcolor> .right-watch> div:nth-of-type(8) {
		margin-right: 0;
	}
	aside> .watchcolor> .right-watch> div:nth-of-type(1),
	aside> .watchcolor> .right-watch> div:nth-of-type(5) {
		margin-left: 14px;
	}
	aside> .watchcolor> .right-watch>div> div:nth-of-type(1) {
		width: 234px;
		height: 160px;
		margin-top: 20px;
	}
	aside> .watchcolor> .right-watch>div> div:nth-of-type(2) {
		width: 234px;
		height: 21px;
		line-height: 21px;
		margin-top: 10px;
		font-size: 14px;
	}
	aside> .watchcolor> .right-watch>div> div:nth-of-type(3) {
		width: 234px;
		height: 18px;
		line-height: 18px;
		margin-top: 10px;
		font-size: 12px;
	}
	aside> .watchcolor> .right-watch>div> div:nth-of-type(4) {
		width: 234px;
		height: 21px;
		line-height: 21px;
		margin-top: 10px;
		font-size: 14px;
	}
	aside> .watchcolor> .right-watch>div> div>a {
		text-decoration: none;
	}
	aside> .watchcolor> .right-watch>div> div:nth-of-type(2)>a {
		color: #333333;
	}
	aside> .watchcolor> .right-watch>div> div:nth-of-type(3)>a {
		color: #B0B0B0;
	}
	aside> .watchcolor> .right-watch>div> div:nth-of-type(4)>a {
		color: #ff6700;
	}
	aside> .watchcolor> .left-watch:hover {
		transform: scale(1.03);
		box-shadow: 0 0 10px #9c9c9c;
	}
	aside> .watchcolor> .right-watch> div:hover {
		transform: scale(1.03);
		box-shadow: 0 0 10px #9c9c9c;
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8) {
		width: 234px;
		height: 142px;
		border-top: 1px solid transparent;
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8)> .wat8 {
		width: 130px;
		height: 48px;
		float: left;
		margin-top: 45px;
		/* background-color: #000000; */
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8)> .wat8> .watch8 {
		width: 80px;
		height: 27px;
		line-height: 27px;
		text-align: left;
		font-size: 18px;
		margin-left: 30px;
		
		/* background-color: #0077AA; */
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8)> .wat8>div:nth-of-type(2) {
		width: 80px;
		height: 18px;
		line-height: 18px;
		text-align: left;
		font-size: 12px;
		margin-top: 0;
		margin-left: 30px;
		/* background-color: #00FFFF; */
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8)>div:nth-of-type(2) {
		width: 48px;
		height: 48px;
		line-height: 48px;
		/* background-color: #3967FF; */
		float: right;
		margin-top: 45px;
		margin-right: 30px;
		border-radius: 50%;
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8)> .wat8>div:nth-of-type(1)> a {
		text-decoration: none;
		color: #333333;
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8)> .wat8>div:nth-of-type(2)> a {
		text-decoration: none;
		color: #757575;
	}
	aside> .watchcolor> .right-watch>div:nth-of-type(8)>div:nth-of-type(2){
		color: #ff5500;
		cursor: pointer;
	}
	/* 家电开始 */
	.jiadian {
		width: 1226px;
		height: 48px;
		line-height: 48px;
		margin: 0 auto ;
		font-size: 22px;
		margin-top: 20px;
	}
	.jiadian> .youjiadian {
		width: 140px;
		height: 48px;
		line-height: 48px;
		float: right;
	}
	.jiadian> .youjiadian> div:nth-of-type(1) {
		width: 32px;
		height: 48px;
		float: left;
		font-size: 16px;
	}
	.jiadian> .youjiadian> div:nth-of-type(2) {
		width: 70px;
		height: 48px;
		font-size: 16px;
		float: right;
	}
	.jiadian> .youjiadian> div> a {
		text-decoration: none;
		color: #424242;
	}
	.jiadian> .youjiadian> div> a:hover {
		color: #ff5500;
		text-decoration: underline
	}
	/* 小米电视6 */
	.dianshi6 {
		width: 1226px;
		height: 300px;
		margin: 0 auto;
		background-color: #00FFFF;
	}
	.dianshi6> div {
		width: 234px;
		height: 300px;
		float: left;
		margin-right: 14px;
		background-color: #3967FF;
	}
	.dianshi6> div:nth-of-type(5) {
		margin-right: 0;
	}
	.dianshi6> .zongdianshi {
		text-align: center;
	}
	.dianshi6> .zongdianshi>.dianshi1 {
		width: 234px;
		height: 160px;
		margin-top: 20px;
		background-color: #55ff00;
	}
	.dianshi6> .zongdianshi>.dianshi1>img {
		width: 160px;
	}
	.dianshi6> .zongdianshi>.dianshi2 {
		width: 234px;
		height: 21px;
		line-height: 21px;
		margin-top: 10px;
		font-size: 14px;
		color: #333333;
		background-color: #00ffff;
	}
	.dianshi6> .zongdianshi>.dianshi3 {
		width: 234px;
		height: 18px;
		line-height: 18px;
		margin-top: 10px;
		font-size: 12px;
		color: #B0B0B0;
		background-color: #00ffff;
	}
	.dianshi6> .zongdianshi>.dianshi4 {
		width: 234px;
		height: 21px;
		line-height: 21px;
		margin-top: 10px;
		background-color: #00ffff;
	}
	
	
	